<!-- 推荐信息 -->
<template>
  <div clss="recommend">
      <span class="item" v-for="item in recommend" :key="item.link">
              <a :href="item.link" >
                <img :src="item.image" alt=""/> 
                  <p>{{item.title}}</p> 
            </a> 
      </span>
  </div>
</template>

<script>
export default {
    name:"recommend",
    props: {
      //数组和函数的默认值用函数形式return
         recommend:{
            type:Array,
            default(){
              return []
            }
         }
    }

 
}

</script>
<style  scoped>
    div{
      display: flex;
      width: 100%;
      text-align: center;
      padding-bottom: 20px;
      border-bottom: #d6d6d6 10px solid ;
    }
  .item{
        flex: 1;
    }
    
   .item img{
       width: 80px;
      
    }
  .item p{
      text-align: center;
  }
    
</style>